import './css/index.css'
import './less/index.less'
import  chuanzhi from './assets/logo_small.png'
import  './assets/fonts/iconfont.css'
//  要进行引入，与入口文件必须有直接或者间接关系

// 创建图标标签
const i = document.createElement('i')
// i.classList.add('iconfont')
// i.classList.add('icon-qq')
// 可以进行合并，多个类名之间加逗号
i.classList.add('iconfont','icon-qq')

// 将指定的DOM类型的节点加到document.body的末尾.
document.body.appendChild(i)


// 创建图片标签
const img = document.createElement('img')
img.src = chuanzhi
document.body.appendChild(img)

// SS选择器表达式（字符串形式），通过这个选择器表达式，选择元素。
// 获取所有偶数个元素
const odd = document.querySelectorAll('li:nth-child(odd)')
// 获取所有奇数个元素
const even = document.querySelectorAll('li:nth-child(even)')
console.log(odd);
console.log(even);
// 遍历选择
for (let i = 0; i < odd.length; i++) {
  // 修改元素的颜色
  odd[i].style.color = 'red'
}
for (let i = 0; i < even.length; i++) {
  even[i].style.color = 'blue'
}